<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title> - 编辑角色</title>
    <link href="${ctxPath}/css/bootstrap.min.css?v=3.3.6" rel="stylesheet"/>
    <link href="${ctxPath}/css/font-awesome.css?v=4.4.0" rel="stylesheet"/>
    <link href="${ctxPath}/css/animate.css" rel="stylesheet"/>
    <link href="${ctxPath}/css/style.css?v=4.1.0" rel="stylesheet"/>
    <link href="${ctxPath}/css/plugins/treeview/bootstrap-treeview.css" rel="stylesheet"/>
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content  animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <form class="form-horizontal" id="roleForm">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">名称：</label>
                        <div class="col-sm-6">
                            <input type="hidden" id="id" name="id" value="${role.id}"/>
                            <input type="text" id="name" name="name" value="${role.name}" class="form-control"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">所属机构：</label>
                        <div class="col-sm-6">
                            <input type="hidden" id="deptId" name="deptId" value="${role.deptId}"/>
                            <input type="text" id="deptName" name="deptName" value="${role.deptName}" readonly="readonly" onclick="hideDeptTree()" placeholder="请选择所属机构" class="form-control"/>
                            <div id="deptTree" style="display: none;"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">备注：</label>
                        <div class="col-sm-6">
                            <input type="text" id="remarks" name="remarks" value="${role.remarks}" placeholder="请输入备注" class="form-control"/>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                </form>
            </div>
            <div class="col-sm-12">
                <div class="col-sm-4"></div>
                <div class="col-sm-2">
                    <button type="submit" class="btn btn-w-m btn-primary" onclick="saveRole()">提交</button>
                </div>
                <div class="col-sm-2">
                    <button type="button" class="btn btn-w-m btn-danger" onclick="cancel()">取消</button>
                </div>
                <div class="col-sm-4"></div>
            </div>
        </div>
    </div>


    <!-- 全局js -->
    <script src="${ctxPath}/js/jquery.min.js?v=2.1.4"></script>
    <script src="${ctxPath}/js/bootstrap.min.js?v=3.3.6"></script>

    <!-- 自定义js-->
    <script src="${ctxPath}/js/admin/role/editForm.js"></script>

    <!-- jQuery Validation plugin javascript-->
    <script src="${ctxPath}/js/plugins/treeview/bootstrap-treeview.js"></script>
    <script src="${ctxPath}/js/plugins/validate/jquery.validate.min.js"></script>
    <script src="${ctxPath}/js/plugins/validate/messages_zh.min.js"></script>
    <script src="${ctxPath}/js/plugins/layer/layer.min.js"></script>
    <script src="${ctxPath}/js/plugins/layer/laydate/laydate.js"></script>

</body>

</html>
